html,body{
  overflow-x: hidden;
}
body{
  background: white;
  padding: 2% 0 15% 0;
  margin: 0;
}

.header{
  display:flex;
  width: 95%;
  padding: 5px 15px 5px 5px;
  -webkit-justify-content: space-between;
  justify-content: space-between;/*外层元素属性设置为space-between*/


}
.header-title p{
  margin: 0 0 0 0;
  padding: 0;
}
.header div:nth-child(1){
  margin-top:-3px;
}
.header div img{
  width: 30px;
  height: auto;
}
.select-area{

  width: auto;
  height: 20px;
  padding: 0;
  margin:5px 0 0 0;
}

.header .select-area .arrow-down{
  width: 6px;
  height: auto;     
  position: relative;
  left: -20px;
  top:-2px;
}

.search{
  width:60%;
  margin-left:-35px;
  background: rgb(247,247,247);
  border-radius: 50px;
  padding: 5px;
}
input{
    background: none;
    outline: none;
    border: 0px;
    font-size: 10px;
}
#searchIcon{
    position: relative;
    top: 2px;
    left:2px;
    width: 12.3px;
    height:14.1px;
}

#vip{
  width: 23.4px;
  height: 25.2px;
  margin-top:3px;
  margin-left:-35px;

}


.header-ad{
  width: 100%;
  margin-top:-2%;
}

.buttons-top{
  width: 90%;
  margin: 0 auto;
  display: flex;
}
.buttons-top .button-top{
  margin-top:5%;
  width: 70px;
  height: auto;
  text-align: center;
}
.buttons-top .button-top:nth-child(2){
  margin-left:7%;
}
.buttons-top .button-top:nth-child(3){
  margin-left:7%;
}
.buttons-top .button-top:nth-child(4){
  margin-left:7%;
}
.buttons-top .button-top img{
  width: 39.6px;
  height: 39.6px;
}
.buttons-top .button-top p{
  display: block;
  padding: 0;
  margin:0;
  font-size: 5px;
}


.middle{
  margin:-5% auto 0 auto;
  width: 80%;
  padding:5%;

}
.middle h4{
  font-size: 0.9em;
  margin:9% 0 0 0;
  padding: 0;
}
.middle img{
  width: 100%;
}
.middle p{
  font-size: 6px;
  padding: 0;
  margin:5px 0 0 0;
  color:#c8c8c8;
}
.middle input{
  width: 97%;
  height: 30px;
  margin-top:2%;
  border-radius: 5px;
  padding-left: 6px;
  padding-right: 6px;
  color: #9b9b9b;
  background: #f2f2f2;
}
.select-box{
  margin-top: 5%;
  background: #f2f2f2;
  border-radius: 5px;
}
.select-box select{
  margin:0;
  width: 95%;
  height: 40px;
  background: #f2f2f2;
  color: #9b9b9b;
  border: 0;
  padding-left: 5px;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("./images/enterprise-arrow-down.png") no-repeat scroll 99% center transparent;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  background-size: 20px;
}


.middle-ad{
  width: 90%;
  margin:0 auto;
  display: flex;
  padding: 0;
}
.middle-ad img{
  margin-left: 3%;
  width: 45%;
}
.middle-ad img:nth-child(2){
  margin-left: 6%;
}



.content-box{
  margin: 0 0 0 3%;
  padding: 5%;
}
.content-box .title-down{
  padding: 0;
  margin: 0;
  text-align:left;
  color:#646464;
  font-size: 5px;
}
.content-box .search-info{
  text-align: center;
  color:#646464;
  font-size: 5px;
}
.info-stress{
  color:#f65e0b;
}
.content-box .react{
  margin-left:-4%;
  background: #ff4f11;
  display: inline-block;
  width: 6.3px;
  height: 14.7px;
  border: 1px solid transparent;
  box-shadow: 1.1px 1.3px 1.4px 0.3px rgb(250,162,113);
}
.content-box .content p{
  padding: 0;
  margin: 0;
  font-size: 7px;
  color:#6d6c6c;
  text-align: justify;
}

.more{
  text-align: center;
  font-size: 1.8px;
  color: #a4a4a4;
  /*text-decoration: underline;*/

}
.content-box .item{
  margin-top: 7%;
  width: 100%;
  display: flex;
  padding-bottom: 5px;
  border-bottom: 4px solid #f3f3f3;
}
.content-box .item .circle{
  width: 50px;
  height: 30px;
  margin:17px 0 0 0;
  padding: 0;
  background:#f65e0b;
  text-align: center;
  color:white;
  border-radius: 50px;
}
.content-box .item .circle p{
  margin:5px 0 0 0;
  padding: 0;
}
.content-box .item .icon{
  width: 50%;
  margin-left: 15px;
}
.content-box .item .icon img{
  width: 80px;
  height: 80px;
  border-radius: 50px;
}
.content-box .item .detail{
  width: 100%;
  
}
.content-box .item .detail p{
 
  padding: 0;
  margin:5px 0 0 0;
}
.content-box .item .detail h6{
  padding: 0;
  margin:5px 0 0 0;
}
.info{
  margin-top:5px;
  display: flex;
}
.info button{
  display: block;
  border-radius: 5px;
}
.detail .name{
  font-weight: bolder;
  font-size: 17px;
}
.detail .stu-name{
  font-size: 10px;
  text-align: justify;
}
.detail p{
  font-size: 1px;
  text-align: justify;
  word-break:break-all;
}
.detail .salary{
  color:#6e6e6e;
  font-size: 17px;
}
.detail .english{
  background: #80d0d9;
  color:white;
}
.detail .chinese{
  background: #f19ec2;
  color:white;
}
.detail .girl{
  background: #ee7575;
  color:white;
}
.detail .boy{
  background: #f2f190;   
}
.detail .age{
  margin-left: 5%;
  background: white;
  border:1px solid #78ee6b;
}
.detail .franch{
  background: #8cd980;
  color:white;      
}
.detail .hometown{
  margin-left: 4%;
  border: solid 1px #c2cdd7;
  color: #c2cdd7;
  background: white;
}
.drop-get-more{
  margin-top:6%;
  text-align: center;
  font-size: 5px;
  color: #a4a4a4;
}



.big-btn{
  display: block;
  margin: 5% auto 0 auto;
  width: 80%;
  height: 40px;
  border: 0;
  background: linear-gradient(to right, #fc9401 45%,#f85d00 75%);
  border-radius: 7px;
  font-size: 15px;
  color: white;
}



